$(document).ready(function () {
	//页面窗口长度变化检测
	window_resize();
	function window_resize() {
		$(window).resize(function () {
			amend_modal_place($('#add_user_select_modal'));//修正弹窗位置  始终处于屏幕中央  选择
			amend_modal_place($('#add_user_doctor_modal'));//修正弹窗位置  始终处于屏幕中央  科室
			amend_modal_place($('#add_user_logistics_modal'));//修正弹窗位置  始终处于屏幕中央  后勤

			doctor_modal_select_admin_speace($('#doctor_select_admin'),$('#doctor_select_admin_btn'));//弹层  医生  选择科室下拉选择框  设置长度  及 位置
		});
	}

	//设置当前页面选中样式
	setting_style_the_page();
	function setting_style_the_page() {
		var first_menu_item = $('#sidebar-nav').find('a[href="#accounts-menu-first-01"]');//获取一级菜单可点击的a标签
		var img_nav = first_menu_item.find('.define-nav');//获取导航图片
		var img_left = first_menu_item.find('.define-left');//获取转向图片
		var first_ul = $('#accounts-menu-first-01');//获取一级下拉菜单
		var first_ul_li_one = first_ul.children('li').eq(1);//获取  "人员管理"

		first_menu_item.addClass('define-active');//一级菜单添加左边横线
		img_nav.attr('src','/statics/images/sever_hospital_select.png');//切换导航图片
		img_left.addClass('define-rotate-active');//添加动画类
		first_ul.addClass('in');//展拉一级菜单
		first_ul_li_one.addClass('define-active');//li添加左边横线
	}

	//分页切换效果
	page_style_switch();
	function page_style_switch() {
		var page_ = $('.define-paging');
		var the_first_page = $('#the_first_page');//获取首页
		var prev_page = $('#prev_page');//获取上一页
		var next_page = $('#next_page');//获取下一页
		var the_last_page = $('#the_last_page');//获取尾页

		// 123456
		page_.delegate('.define-page','click',function () {
			page_.find('.define-page').removeClass('define-active');
			$(this).addClass('define-active');
		});

		// 上一页
		prev_page.on('click',function () {
			var active_page = page_.find('.define-active');
			if(active_page.text() > 1){
				page_.find('.define-page').removeClass('define-active');
				active_page.prev().addClass('define-active')
			}
		});

		// 下一页
		next_page.on('click',function () {
			var active_page = page_.find('.define-active');
			if(active_page.text() < 5){
				page_.find('.define-page').removeClass('define-active');
				active_page.next().addClass('define-active')
			}
		});

		// 首页
		the_first_page.on('click',function () {
			page_.find('.define-page').removeClass('define-active');
			page_.find('.define-page').eq(0).addClass('define-active');
		});

		// 尾页
		the_last_page.on('click',function () {
			page_.find('.define-page').removeClass('define-active');
			page_.find('.define-page').eq(4).addClass('define-active');
		});

	}

	//修正弹窗位置  始终处于屏幕中央
	function amend_modal_place($modal) {
		var window_width = $(window).width();
		var window_height = $(window).height();
		var width = $modal.width();
		var height = $modal.height();

		var left = ( window_width - width ) / 2;
		var top  = ( window_height - height ) / 2;

		$modal.css('left',left);
		$modal.css('top',top);
	}

	//modal  人员管理 添加按钮
	add_user_btn_select();
	function add_user_btn_select() {
		$('#admin_add_people').on('click',function () {
			amend_modal_place($('#add_user_select_modal'));//修正弹窗位置  始终处于屏幕中央
			modal_select_use_type_img();//modal 选择添加人员类型  img赋值为空
			$('#add_user_select_modal').modal({keyboard:false});
		});
	}

	//modal  选择添加人员类型
	modal_select_user_type();
	function modal_select_user_type() {
		$('#add_user_select_modal').delegate('tr','click',function () {
			modal_select_use_type_img();//modal 选择添加人员类型  img赋值为空
			$(this).find('img').attr('src','/statics/images/sever_select.png');//当前项添加选中状态
			modal_select_user_type_show_modal($(this).find('td').eq(0).text());//modal  选择添加人员类型  展示不同弹层
		})
	}

	//modal 选择添加人员类型  img赋值为空
	modal_select_use_type_img();
	function modal_select_use_type_img() {
		$('#add_user_select_modal').find('table').find('img').attr('src','');
		$('#add_user_select_modal').modal('hide');
	}

	//modal  选择添加人员类型  展示不同弹层
	function modal_select_user_type_show_modal($text) {
		if($text == '领导'){
			amend_modal_place($('#add_user_lead_modal'));//修正弹窗位置  始终处于屏幕中央
			$('#add_user_lead_modal').modal({keyboard:false});//打开弹层
		}

		if($text == '科室'){
			amend_modal_place($('#add_user_doctor_modal'));//修正弹窗位置  始终处于屏幕中央
			$('#add_user_doctor_modal').modal({keyboard:false});//打开弹层
		}

		if($text == '后勤'){
			amend_modal_place($('#add_user_logistics_modal'));//修正弹窗位置  始终处于屏幕中央
			$('#add_user_logistics_modal').modal({keyboard:false})
		}
	}

	//弹层  选择框长度赋值
	function select_length_give_value($select,$content,$number) {
		$select.width( $content.outerWidth() - $number );
	}

	//弹层  点击按钮  消除圆角
	function select_btn_hide_borders($btn) {
		$btn.css('borderBottomLeftRadius','0');
		$btn.css('borderBottomRightRadius','0');
	}

	//弹层  点击按钮  添加圆角
	function select_btn_show_borders($btn) {
		$btn.css('borderBottomLeftRadius','3px');
		$btn.css('borderBottomRightRadius','3px');
	}

	//弹层  点击按钮  修改导航图片url
	function select_btn_switch_img_url($btn,$select) {
		if( $select.hasClass('active') ){
			$btn.next().attr('src','/statics/images/sever_retrieve.png');
		}else {
			$btn.next().attr('src','/statics/images/sever_unretrieve.png');
		}
	}

	//弹层  添加图片  本地预览
	function local_input_click($input) {
		return $input.click();
	}

	//弹层  选定需要上传的文件之后  展示在窗口  预览即将上传的图片
	function previewImg($input,$img) {
		$input.change(function () {
			var objUrl = getObjectURL(this.files[0]) ;//获取文件url
			//如果不是img文件 ，提示不能选择此类文件
			if (this.files[0].type !== 'image/jpeg' && this.files[0].type !== 'image/png' && this.files[0].type !== 'image/gif') {
				alert('不是有效的图片文件!');
				$img.attr('src', '/statics/images/addpic.png');//赋值控制给img
				return;
			}
			//获取到url 赋值img的url  并展示
			if (objUrl) {
				$img.attr('src', objUrl);//赋值控制给img
			}
		});
	}

	//弹层  获取文件的url
	function getObjectURL(file) {
		var url = null ;
		if (window.createObjectURL != undefined) {
			url = window.createObjectURL(file) ;// basic
		}
		else if (window.URL != undefined) {
			url = window.URL.createObjectURL(file) ;// mozilla(firefox)
		}
		else if (window.webkitURL != undefined) {
			url = window.webkitURL.createObjectURL(file) ;// webkit or chrome
		}
		return url ;
	}

	//弹层  领导  选择类型下拉选择框  隐藏与显示及动画效果
	lead_modal_select_type();
	function lead_modal_select_type() {
		var btn = $('#lead_select_type_btn');//获取点击按钮
		btn.on('click',function () {
			var doctor_select_type = $('#lead_select_type');//获取下拉选择框

			select_length_give_value( doctor_select_type , btn , 2 ); //弹层  选择框长度赋值

			if( doctor_select_type.hasClass('active') ){
				doctor_select_type.removeClass('active');//隐藏下拉选择框
				doctor_select_type.animate({
					height: 'toggle'
				},500,function () {
					select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
				});
			}else {
				doctor_select_type.animate({
					height: 'toggle'
				},500);
				select_btn_hide_borders(btn);//弹层  点击按钮  消除圆角
				doctor_select_type.addClass('active');//显示下拉选择框
			}

			select_btn_switch_img_url( btn , doctor_select_type );//弹层  点击按钮  修改导航图片url
		});
	}

	//弹层  领导  选择类型下拉选择框  选择功能
	lead_modal_select_type_handle();
	function lead_modal_select_type_handle() {
		var btn = $('#lead_select_type_btn');//获取点击按钮
		var select = $('#lead_select_type');//获取下拉选择框
		select.delegate('div','click',function () {
			select.animate({
				height: 'toggle'
			},500,function () {
				select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
			});
			select.find('div').removeClass('active');
			$(this).addClass('active');
			btn.text( $(this).text() );
			select.removeClass('active');//隐藏下拉选择框
			select_btn_switch_img_url(btn,select);//弹层  点击按钮  修改导航图片url
		})
	}

	//弹层  领导  选择图片功能
	lead_modal_select_img_function();
	function lead_modal_select_img_function() {
		$('#lead_modal_select_img').on('click',function () {
			var input = $('#lead_modal_select_img_input');
			local_input_click(input);//返回点击input  file
			previewImg(input,$('#lead_modal_select_img_show'));//选定需要上传的文件之后  展示在窗口  预览即将上传的图片
		});
	}

	//弹层  医生  选择类型下拉选择框  隐藏与显示及动画效果
	doctor_modal_select_type();
	function doctor_modal_select_type() {
		var btn = $('#doctor_select_type_btn');//获取点击按钮
		btn.on('click',function () {
			var doctor_select_type = $('#doctor_select_type');//获取下拉选择框

			select_length_give_value( doctor_select_type , btn , 2 ); //弹层  选择框长度赋值

			if( doctor_select_type.hasClass('active') ){
				doctor_select_type.removeClass('active');//隐藏下拉选择框
				doctor_select_type.animate({
					height: 'toggle'
				},500,function () {
					select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
				});
			}else {
				doctor_select_type.animate({
					height: 'toggle'
				},500);
				select_btn_hide_borders(btn);//弹层  点击按钮  消除圆角
				doctor_select_type.addClass('active');//显示下拉选择框
			}

			select_btn_switch_img_url( btn , doctor_select_type );//弹层  点击按钮  修改导航图片url
		});
	}

	//弹层  医生  选择类型下拉选择框  选择功能
	doctor_modal_select_type_handle();
	function doctor_modal_select_type_handle() {
		var btn = $('#doctor_select_type_btn');//获取点击按钮
		var doctor_select_type = $('#doctor_select_type');//获取下拉选择框
		doctor_select_type.delegate('div','click',function () {
			doctor_select_type.animate({
				height: 'toggle'
			},500,function () {
				select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
			});
			doctor_select_type.find('div').removeClass('active');
			$(this).addClass('active');
			btn.text( $(this).text() );
			doctor_select_type.removeClass('active');//隐藏下拉选择框
			select_btn_switch_img_url(btn,doctor_select_type);//弹层  点击按钮  修改导航图片url
		})
	}

	//弹层  医生  选择图片功能
	doctor_modal_select_img_function();
	function doctor_modal_select_img_function() {
		$('#doctor_modal_select_img').on('click',function () {
			var input = $('#doctor_modal_select_img_input');
			local_input_click(input);//返回点击input  file
			previewImg(input,$('#doctor_modal_select_img_show'));//选定需要上传的文件之后  展示在窗口  预览即将上传的图片
		});
	}

	//弹层  医生  选择科室下拉选择框  显示与隐藏
	doctor_modal_select_admin_show_hide();
	function doctor_modal_select_admin_show_hide() {
		var btn = $('#doctor_select_admin_btn');//获取点击框
		var select = $('#doctor_select_admin');//获取下拉框
		btn.on('click',function () {
			doctor_modal_select_admin_speace(select,btn);//弹层  医生  选择科室下拉选择框  设置长度
			if( select.hasClass('active') ){
				select.animate({
					height: 'toggle'
				},500,function () {
					select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
				});
				select.removeClass('active');//隐藏下拉选择框
			}else {
				select.animate({
					height: 'toggle'
				},500);
				select_btn_hide_borders(btn);//弹层  点击按钮  消除圆角
				select.addClass('active');//显示下拉选择框
			}
		});
	}

	//弹层  医生  选择科室下拉选择框  设置长度  及 位置
	function doctor_modal_select_admin_speace($select,$btn) {
		var window_width = $(window).width();
		if(window_width >= 1024){
			select_length_give_value($select,$btn,2);//弹层  选择框长度赋值
			$select.css('top',$btn.outerHeight() + 1);//设置弹层距离顶部位置
		}
		if(window_width >= 1920){
			select_length_give_value($select,$btn,2.5);//弹层  选择框长度赋值
			$select.css('top',$btn.outerHeight());//设置弹层距离顶部位置
		}

	}

	//弹层  医生  选择科室下拉选择框  选择功能
	doctor_modal_select_admin_function();
	function doctor_modal_select_admin_function() {
		var btn = $('#doctor_select_admin_btn');//获取点击框
		var select = $('#doctor_select_admin');//获取下拉框

		select.delegate('div','click',function () {
			select.find('div').removeClass('active');
			$(this).addClass('active');
			btn.val( $(this).text() );
			select.animate({
				height: 'toggle'
			},500,function () {
				select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
			});
		});
	}

	//弹层  医生  重置功能
	function doctor_modal_reset_function() {
		$('#doctor_resever').on('click',function () {

		});
	}

	//弹层  医生  确认添加
	function doctor_modal_sure_add_function() {
		$('#doctor_sure_add').on('click',function () {

		});
	}

	//弹层  后勤  选择类型下拉选择框  隐藏与显示及动画效果
	logistics_modal_select_type();
	function logistics_modal_select_type() {
		var btn = $('#logistics_select_type_btn');//获取点击按钮
		btn.on('click',function () {
			var doctor_select_type = $('#logistics_select_type');//获取下拉选择框

			select_length_give_value( doctor_select_type , btn , 2 ); //弹层  选择框长度赋值

			if( doctor_select_type.hasClass('active') ){
				doctor_select_type.removeClass('active');//隐藏下拉选择框
				doctor_select_type.animate({
					height: 'toggle'
				},500,function () {
					select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
				});
			}else {
				doctor_select_type.animate({
					height: 'toggle'
				},500);
				select_btn_hide_borders(btn);//弹层  点击按钮  消除圆角
				doctor_select_type.addClass('active');//显示下拉选择框
			}

			select_btn_switch_img_url( btn , doctor_select_type );//弹层  点击按钮  修改导航图片url
		});
	}

	//弹层  后勤  选择类型下拉选择框  选择功能
	logistics_modal_select_type_handle();
	function logistics_modal_select_type_handle() {
		var btn = $('#logistics_select_type_btn');//获取点击按钮
		var select = $('#logistics_select_type');//获取下拉选择框
		select.delegate('div','click',function () {
			select.animate({
				height: 'toggle'
			},500,function () {
				select_btn_show_borders(btn);//弹层  点击按钮  添加圆角
			});
			select.find('div').removeClass('active');
			$(this).addClass('active');
			btn.text( $(this).text() );
			select.removeClass('active');//隐藏下拉选择框
			select_btn_switch_img_url(btn,select);//弹层  点击按钮  修改导航图片url
		})
	}

	//弹层  后勤  选择图片功能
	logistics_modal_select_img_function();
	function logistics_modal_select_img_function() {
		$('#logistics_modal_select_img').on('click',function () {
			var input = $('#logistics_modal_select_img_input');
			local_input_click(input);//返回点击input  file
			previewImg(input,$('#logistics_modal_select_img_show'));//选定需要上传的文件之后  展示在窗口  预览即将上传的图片
		});
	}



});